
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/comon0.css">
    <style>
        .container{
            margin-top: 9%;
            margin-left: 32.5%;
            width: 35%;
            height:40%;
            background-color:rgba(255,255,255,0.01)
        }
        .btn-primary{
            background-color: #007bff;
            border-color: #0b2e13;
        }
        label{
            font-size: 170%;
        }
    </style>
</head>
<body>
<div class="canvas">

    <iframe src="${pageContext.request.contextPath}/js/canvas.html" frameborder="0" style="width: 100%; height: 100%"></iframe>
</div>
<div style="flex-direction: row">
    <h1 style="align-self: center;justify-self: center;font-family: 'Microsoft JhengHei UI'">欢迎使用成都生活大数据平台</h1>
    <a href="/admin/show_login_page" style="margin-left: 85%;color:gainsboro;font-size: larger;font-family: 隶书,serif">管理员登录</a>
</div>

<div class="container" align="center" >

    <h2>用户登录</h2>

    <form name="frm" action="/user/dologin" method="post" onsubmit="return checkPwd();" >
        <div>
            <table style="border-collapse:separate; border-spacing:0px 20px;">
                <tr><td width="30%"><label>用户名：</label></td><td width="70%"><input type="text" name="username" required  maxlength="50"style="width: 100%;height: 35px;background-color:rgba(255,255,255,0.15);border-radius:12px;border: 1px solid #ccc;padding: 7px 0px;"></td></tr>
                <tr><td><label>密&nbsp;&nbsp;&nbsp;&nbsp;码：</label></td><td><input type="password" name="password" required  maxlength="50"style="width: 100%;height: 35px;background-color:rgba(255,255,255,0.15);border-radius:12px;border: 1px solid #ccc;padding: 7px 0px;"></td></tr>
                <tr><td colspan="2">&nbsp; <span style="color: red">${sessionScope.errmsg}</span></td></tr>

            </table>
            <button class="btn btn-log btn-primary btn-dark" type="submit" style="background-color:rgba(255,255,255,0.05);width: 40%;height:50px;font-size: 180%;border-radius:15px;line-height: 40px;border: 1px solid #ccc;padding: 7px 0px;">登录</button>
        </div>
    </form>
    <a href="/user/show_register_page" style="font-family: 'Fira Code Retina';color: cornsilk">还没有账号？点击此处注册</a>
</div>

</body>
</html>
